<template>
  <view class="success">
    <!-- 头部 -->
    <view class="top-top">
      <view class="topbox">
        <view class="top-oneitem"></view>
        <view class="top-twoitem">
          <image src="../../static/resort/need/block_close.png" class="close" @click="goBack()"></image>
        </view>
      </view>
    </view>
    <view style="height: 175rpx;"></view>
    <!-- 头部 -->
    <!-- 成功标识 -->
    <view class="success-icon">
      <view class="success-image">
        <image src="../../static/resort/need/green_answer.png" mode=""></image>
      </view>
      <view class="success-tit">投诉已提交</view>
    </view>
    <!-- 成功标识 -->
    <!-- 文字说明 -->
    <view class="prompt-txt">
      <view class="success-txt">
        平台会尽快审核，并通过"官方号"
      </view>
      <view class="success-txt">
        通知你审核结果。感谢您的支持。
      </view>
    </view>
    <!-- 文字说明 -->
    <view class="button">
      <u-button type="error" text="提交" @click="toChatMessage()"></u-button>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    },
    methods: {
      goBack() {
        uni.navigateBack({
          delta: 1
        })
      },
      toChatMessage() {
        uni.navigateTo({
          url: '/pages/message/chatMessage'
        })
      }
    }
  }
</script>

<style lang="scss">
  page {
    background-color: #fff;
  }

  .success {

    // 头部
    .top-top {
      width: 100vw;
      z-index: 99;
      position: fixed;
      top: 0;

      .topbox {
        width: 90vw;
        margin: auto;

        .top-oneitem {
          width: 100%;
          height: var(--status-bar-height);
        }

        .top-twoitem {
          height: 100rpx;
          width: 100%;
          display: flex;
          align-items: center;

          .close {
            width: 30rpx;
            height: 30rpx;
          }
        }
      }
    }

    // 成功标识
    .success-icon {
      width: 50vw;
      margin: 0 auto;
      text-align: center;

      .success-image {
        width: 128rpx;
        height: 128rpx;
        margin: 0 auto;

        image {
          width: 100%;
          height: 100%;
        }
      }

      .success-tit {
        font-size: 44rpx;
        margin-top: 30rpx;
      }
    }

    // 文字说明
    .prompt-txt {
      margin-top: 60rpx;

      .success-txt {
        text-align: center;
        color: #646464;
        font-size: 32rpx;
        margin-top: 20rpx;
      }
    }

    .button {
      width: 50vw;
      margin: 40vh auto;
    }
  }
</style>